<template>
<div class="page" data-name="message-list">
	<div class="navbar">
		<div class="navbar-inner">
			<div class="left">
				<a href="#" class="link back"> <i class="f7-icons">chevron_left</i>
				</a>
			</div>
			<div class="title" style="width: 100%;">
				<!-- Searchbar with auto init -->
				<form class="searchbar" style="background: none;">
					<div class="searchbar-inner">
						<div class="searchbar-input-wrap">
							<input type="search" name="productSearch" placeholder="Search">
							<i class="searchbar-icon"></i> <span class="input-clear-button"></span>
						</div>

					</div>
				</form>
			</div>
			<div class="right">
				<a class="searchBtn">搜索</a>
			</div>
		</div>
	</div>
	<div class="page-content">
		<!-- Searchbar backdrop -->
		<div class="searchbar-backdrop"></div>
		<!-- search target list -->
		<div class="list searchbar-found media-list">
			<ul>
				<li><a href="#" class="item-link item-content">
						<div class="item-media">
							<img src="img/f7-icon.png" width="80" />
						</div>
						<div class="item-inner">
							<div class="item-title-row">
								<div class="item-title">Yellow Submarine</div>
								<div class="item-after">$15</div>
							</div>
							<div class="item-subtitle">Beatles</div>
							<div class="item-text">Lorem ipsum dolor sit amet,
								consectetur adipiscing elit. Nulla sagittis tellus ut turpis
								condimentum, ut dignissim lacus tincidunt. Cras dolor metus,
								ultrices condimentum sodales sit amet, pharetra sodales eros.
								Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus
								feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.</div>
						</div>
				</a>
				</li>
				<li><a href="/product/1" class="item-link item-content">
						<div class="item-media">
							<img src="img/f7-icon.png" width="80" />
						</div>
						<div class="item-inner">
							<div class="item-title-row">
								<div class="item-title">Yellow Submarine</div>
								<div class="item-after">$15</div>
							</div>
							<div class="item-subtitle">Beatles</div>
							<div class="item-text">Lorem ipsum dolor sit amet,
								consectetur adipiscing elit. Nulla sagittis tellus ut turpis
								condimentum, ut dignissim lacus tincidunt. Cras dolor metus,
								ultrices condimentum sodales sit amet, pharetra sodales eros.
								Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus
								feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.</div>
						</div>
				</a>
				</li>
			</ul>

		</div>
		<!-- Nothing found message -->
		<div class="block searchbar-not-found">
			<div class="block-inner">Nothing found</div>
		</div>
	</div>
</div>

</template>


<script>


  return {
    data: function () {
    	 var lotBatchListResult = [];
      return {
    	  lotBatchList: lotBatchListResult
      };
    },
  	on:{
  		 pageInit: function () {
  	        self = this;
  	        app = self.$app;
  	       
  	   
  	  		 $$('input[name="productSearch"]').focus();
  	        
  		 }
  	}
	
  };
</script>
